//1.首页js效果开始
$(function(){
	//顶部左侧手机客户端开始
	$('.ip').hover(function(){		
		$('.wx').show('slow').css({'background':'#F2F2F4'});
	},function(){
		$('.wx').stop().hide('fast');
	})
	//顶部手机客户端结束
	
	//轮播图左侧二级菜单开始

		$('.menu').hover(function(){
			$(this).find('.box').stop().fadeIn();
		},function(){
			$(this).find('.box').stop().fadeOut();
		});

		//鼠标滑过图片晃动效果	
//		$('.box img').hover(function(){
//			  $(this).animate({left:'15px'},'fast');
//		   },function(){
//			  $('.box img').stop().animate({left:'0px'},'fast');
//		});
		
	//轮播图左侧二级菜单开始
	
	//顶部右侧下拉菜单开始
	$('.fx').hover(function(){
		
		$('.hid').show('slow').css({'background':'#F2F2F4'});
	},function(){
		$('.hid').stop().hide('fast');
	})
	
	$('.cil').hover(function(){
		$('.hiy').show('slow').css({'background':'#F2F2F4'});
	},function(){
		$('.hiy').stop().hide('fast');
	})
	
	$('.fz').hover(function(){
		$('.hz').show('slow').css({'background':'#F2F2F4'});
	},function(){
		$('.hz').stop().hide('fast');
	})
	//顶部右侧下拉菜单结束
	//主区大轮播图开始
	// 移入停止移出继续
	$('.lb').mouseover(function(){
		clearInterval(timer);
	});
	$('.lb').mouseout(function(){
		timer = setInterval(run,2000);
	});
	//第一轮自动轮播轮播控制
	var c = 0;
	function run(){
		//alert(1);
		c++;
		c = (c==8)?0:c;
		$('.lb a').eq(c).fadeIn(300).siblings('a').fadeOut(300);
		//图片走到第几张，第几个小圆点变红
		$('.lb .dh li').eq(c).css('background','#C81623').siblings('li').css('background',' #3E3E3E');
	}
	timer = setInterval(run,2000);
	//第二轮手动控制轮播
	$('.lb li').mouseover(function(){
		//获得此时鼠标所移入的小圆点的下标
		c = $(this).index();
		$('.lb a').eq(c).fadeIn(300).siblings('a').stop().fadeOut(300);
		$('.lb .dh li').eq(c).css('background','#C81623').siblings('.lb .dh li').css('background',' #3E3E3E');
		
	})
	//主区大轮播图开始结束
})
//首页js效果结束




//2.内容页JS效果开始
$(function(){		
//选择尺码，颜色
		$('.choose0').click(function(){
			//获得颜色赋值给span1，让用户看到她的选择是什么
			var value = $(this).html();
			$('.first').html(value);
		});	
		$('.choose1').click(function(){
			//获得尺码赋值给span2
			var value = $(this).html();
			$('.second').html(value);
		});	
//尺码颜色赋值给隐藏域
		$('.choose0').click(function(){
			//获得颜色赋值给对应的隐藏域
			var value = $(this).html();
			$('.first').val(value);
			//获得颜色id赋值给对应的隐藏域
			var colorid = $(this).attr('comb');
			$('.colorid').val(colorid);
		});	
		$('.choose1').click(function(){
			//获得尺码赋值给对应的隐藏域
			var value = $(this).html();
			$('.second').val(value);
			//获得尺码id赋值给对应的隐藏域
			var sizeid = $(this).attr('comb');
			$('.sizeid').val(sizeid);
		});	
//点击颜色和尺码时异步查询该货品是否有货
		$('.choose').click(function(){	
			//给当前元素追加样式
			$(this).addClass('orangebor').siblings().removeClass('orangebor');
			//获取带有橙色框的元素的对象集合
			var spec = $(this).parents('.buy').find('.orangebor');
			//获得该商品有多少种规格
			var kinds = $(this).parents('.buy').find('.size').length;									
			//获得带有橙色框的元素的长度
			var num = spec.length;
			//如果带有橙色框的元素的长度小于规格总数（kinds）,也就是用户没用选择完整的规格就返回假，不用发异步
			if(num < kinds){										
				return false;
			}
			//获取选中的橙色框的gaid
			var gaid = $(this).attr('comb');
			//获得商品id
			var goods_gid = $('#gid').val();			
			//组合新数组(要发送到后台的数据)
			var newarr = {
				'goods_gid':goods_gid,
				'gaid':gaid,
				'comid':{}
			}
			//组合数组(其实就是组合联合id为了在后台异步查询货品信息)
			for (var i=0;i<num;i++) {
				newarr.comid[i] = spec.eq(i).attr('comb');										
			}	
			
			//发送异步			
			$.ajax({
				type:"post",
				url:goodsquery_path,
				data:newarr,
				dataType:'json',
				success:function(phpData){					
					//接收php返回的数据
					kstore = phpData.kgstore;
					kgoodnum = phpData.kgoodnum;				
					if(!phpData){
						alert('该货品暂时无货');						
					}else{
						
					}
				}
			});
		})
		
//点击加号购物数量增加，以及发送异步查询购物数量是否超过库存
		$('.incres').click(function(){
			//点击加号购物数量的增加
    		var input=$(this).siblings('.count');
    		var num =input.val()*1;
			num++;
			if(num>9){
				alert('购物数量不得超过十件');
				return false;
			}  
			input.val(num);
			//点击加号时异步查询该货品的购买数量是否超过库存
			//获取带有橙色框的元素的对象集合
			var spec = $(this).parents('.dv').siblings('.size').find('.orangebor');
			//获得该商品有多少种规格
			var kinds = $(this).parents('.dv').siblings('.size').length;	
			//获得带有橙色框的元素的长度
			var nums = spec.length;
			//判断
			if(nums < kinds){
				alert('您还没有选择颜色或尺码');
				return false;
			}
			//抓取商品属性id
			var colorid = $('.colorid').val();
			var sizeid =  $('.sizeid').val();
			 $.ajax({
                 url:numquery_path,//发送路径，在页面底部有定义
                 data:{colorid:colorid,sizeid:sizeid},//发送至后台的数据
                 type:"post",//提交方式
                 dataType:'json',
                 success:function(phpData){//ajax返回的数据,phpData是一个对象               	
                 	kstore = phpData.stores;
                 	if(num > kstore){
                 		//购买数量最大为库存量
                 		input.val(kstore);
                 		alert('您的购买数量超过库存数量');                 		
                 		return false;
                 	}
                 }
            });     
		})
		//点击减号数量减少
		$('.decres').click(function(){
				var input=$(this).siblings('input');
        		var num =input.val()*1;
				num--;
				if(num<0) return false;
				input.val(num);
		})
		
	})
	//用户选择货品后点击立刻购买，如果未选中尺码和颜色，返回假
			$(function(){
				$('.once').click(function(){
					var value1 = $('#fir').html().length;
					var value2 = $('#sec').html().length;
					if(!value1||!value2){
						alert('颜色和尺码必选');
						return false;
					}else{
						$('#buy').submit();
						
					}
					
				})
			})
			//用户选择货品后点击加入购物车，如果未选中尺码和颜色，返回假
			$(function(){
				$('.spcart').click(function(){
					var value1 = $('#fir').html().length;
					var value2 = $('#sec').html().length;
					if(!value1||!value2){
						alert('颜色和尺码必选');
						return false;
					}
				})
			})
//内容页加入购物车发送ajax异步代码
$(function(){	
	//表单的提交事件
		$('.gosp').click(function(){
			//抓取form表单的所有内容，不用挨个抓取
			var formData = $('form').serialize();
			//alert(formData);
			//发送异步
			$.ajax({
				type:"post",
				url:addcart_path,
				data:formData,
				dataType:'json',
				success:function(phpData){
					if(phpData){
						 totalnum = phpData.total_num;
						//商品总价
						 totalprice = phpData.total_price;
						//把总数量和总价格赋值给模态框
						$('#count').html(phpData.total_num);
						$('#money').html(phpData.total_price);
						//模态框显示
						$('#myModal').modal('show');
					}
					
				}
			});
			//阻止表单提交
			return false;
		})
})
//内容页ajax异步结束
//内容页JS效果结束



//3.购物车页面JS效果开始
//购物车的异步删除
$(function(){
	//表单的提交事件
				$('.del').click(function(){	
					//JS在页面中删除商品
					if(confirm('确认要删除吗？')){
						//抓取当前元素的祖先，在页面中删除该条商品信息
						$(this).parents('ul').remove();
						//删除的时候改变总价格
						//1.抓取总价格
						var all = $('.lasted').html();
						//2.抓取删除的当前商品的价格小计
						var small = $(this).parents('li').siblings('.total').html();
						//3.计算新的总价格
						var newall = all-small;
						//4.赋值给总价格
						$('.lasted').html(newall);
					}else{
						return false;
					}
					
					//抓取内容
					var inputData = $(this).parent().siblings('input').val();
					//发送异步
					$.ajax({
						type:"post",
						url:del_path,
						data:{sid:inputData},
						dataType:'json',
						success:function(phpData){
						
						}
					});
					
					//阻止表单提交
					return false;
				})
				//异步清空购物车
				$('.clear').click(function(){
					if(confirm('确认要清空您的购物车吗？')){
						$(this).parents('.account').siblings('.menu').remove();
						$('.lasted').html('0');
					}else{
						return false;
					}
					var num = 1;
					//发送异步
					$.ajax({
						type:"post",
						url:clear_path,
						data:{id:num},
						dataType:'json',
						success:function(phpData){
						
						}
					});
				})
})

//购物车页面JS效果开始

//确认提交订单页JS结束





















